.layui-uieditor {

  /** 隐藏 */
  .uieditor-drag-hide {
    display: none;
  }

  /** 选择box */
  .uieditor-drag-sel-box {
    position        : absolute;
    border          : solid #2d8cf0 2px;
    background-color: transparent;
    min-width       : 100px;
    min-height      : 12px;
    pointer-events  : none;

    .select-toolbar {
      display         : block !important;
      z-index         : 9990;
      position        : absolute;
      background-color: rgba(45, 140, 240, 1) !important;
      color           : #fff;
      text-align      : center;
      padding         : 3px;
      cursor          : pointer;
      pointer-events  : visible;
      top: -24px;
      height: 16px;
      width: 16px;
      font-size: 14px;
      line-height: 18px;
      overflow        : hidden;

      &:last-child {
        border-radius: 2px 0 0 0;
      }

      &:first-child {
        border-radius: 0 2px 0 0;
      }

      &:hover {
        background-color: darken(rgba(45, 140, 240, 1), 20%) !important;
      }
    }

    .title {
      background-color: #2d8cf0 !important;
      pointer-events  : visible;
      display         : block !important;
      top             : -20px !important;
      position        : absolute;
      height          : 20px;
      left            : -2px;
      padding         : 0 4px;
      border-radius   : 2px;
      color           : white;
      font-size       : 12px;
      z-index         : 9990;
      display         : none;
      line-height     : 1.5;
      white-space     : nowrap;

      >i {
        cursor: pointer;
        font-size: 12px;
      }
    }
  }

  /** 拖动到box */
  .uieditor-drag-over-box {
    position        : absolute;
    border          : dashed orange 1px;
    background-color: transparent;
    pointer-events  : none;

    .title {
      background-color: orange !important;
      pointer-events  : visible;
      display         : block !important;
      top             : -20px !important;
      position        : absolute;
      height          : 20px;
      left            : -2px;
      padding         : 0 4px;
      border-radius   : 2px;
      color           : white;
      font-size       : 12px;
      z-index         : 1;
      display         : none;
      line-height     : 1.5;
      white-space     : nowrap;

      >i {
        cursor: pointer;
        font-size: 12px;
      }
    }
  }

  /** 拖动位置线 */
  .uieditor-drag-pos-line {
    transition      : top, left 300ms;
    position        : absolute;
    border          : solid #ff0000 2px;
    background-color: transparent;
    pointer-events  : none;
  }

   /** JSON root节点(第一个)的样式 */
   .uieditor-drag-root {
    min-height: 75%;
    margin: 28px 10px 10px 10px;
   }

  .uieditor-drag-content {
    &.over::after {
      content   : '';
      clear     : both;
      display   : block;
      position  : absolute;
      left      : 0;
      right     : 0;
      bottom    : 0;
      top       : 0;
      visibility: visible;
      height    : 100%;
      z-index   : 10;
    }
  }

  /** empty */
  .uieditor-drag-empty {
    min-height: 30px;
  }

  /** 改起 */
  .uieditor-drag-collapse {
    height  : 40px !important;
    overflow: hidden;
  }

  /** item样式 */
  .uieditor-drag-item {
    position: relative;

    &::after {
      content   : '';
      clear     : both;
      display   : block;
      position  : absolute;
      left      : 0;
      right     : 0;
      bottom    : 0;
      top       : 0;
      visibility: visible;
      height    : 100%;
      z-index   : 10;
    }

    &.inline {
      display    : inline-block;
      min-height : 30px;
      line-height: 30px;
    }
  }

}